<%-- 
    Document   : login
    Created on : 03-sep-2013, 19:30:04
    Author     : Carlos
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags" %>
<style type="text/css">
.errors {
	background-color:#FFCCCC;
	border:1px solid #CC0000;
	width:300px;
	margin-bottom:8px;
	text-align: center;
}
.errors li{ 
	list-style: none; 
}
</style>
<div id="contenido">
    <div class="fila">
        <div class="contenido_borde_izq">
            <div class="contenido_borde_der">
                <div class="columna_derecha">
                    <s:form cssClass="formulario_centrado" action="loginAnonymLogin">
                        <fieldset>
                            <h4>USUARIO REGISTRADO</h4>
                            <s:if test="hasActionErrors()">
                        		<div class="errors">
                        		<s:actionerror/>
                        		</div>
                    		</s:if>
                            <div class="form-group">
                                <s:label for="inputUsuario" value="Usuario/Email"/>
                                <s:textfield cssClass="form-control" id="inputUsuario" placeholder="usuario" name="username"/>
                            </div>
                            <div class="form-group">
                                <s:label for="inputContrasenia" value="Contraseña"/>
                                <s:password cssClass="form-control" id="inputContrasenia" placeholder="contraseña" name="password"/>
                            </div>
                                <s:submit type="button" cssClass="btn boton_verde" value="INICIAR SESIÓN"/>
                        </fieldset>
                    </s:form>

                    <div class="centrado padding20">
                        <s:a action="Remember" cssClass="rosa">He olvidado mi usuario/contraseña</s:a>
                    </div>
                    
                    <div class="centrado padding50">
		                <h4>NUEVO USUARIO</h4>
		                <p class="justificado">
		                  Si no tienes cuenta de Liwalo, puedes <a href="Register.action"><strong>regsitrarte aquí.</strong></a>. Ser usuario registrado
		                  de Liwalo.com, puede tener muchas ventajas. En caso de sólo querer comprar este artículo, puedes hacerlo como invitado.
		                  El equipo de Liwalo.com, te agredece que hayas confiado en nosotros para realizar tu compra. Muchas gracias por tu confianza,
		                  y esperamos verte de vuelta como usuario de Liwalo.com lo mas pronto posible.
		                  ¡FELÍZ COMPRA EN LIWALO.COM!
		                </p>
<!-- 		                <a href="" class="boton_verde" onclick="javascript:continuar();"> -->
<%-- 		                <span class="esquinaIzq"></span> --%>
<%-- 		                <span class="centro">CONTINUAR COMO INVITADO</span> --%>
<%-- 		                <span class="esquinaDer"></span> --%>
<!-- 		                </a>	 -->
		                
		                <s:a action="RegistroUsuarioAnonimo" tittle="Continuar como Invitado"  cssClass="boton_verde">
		                <span class="esquinaIzq"></span>
		                <span class="centro">CONTINUAR COMO INVITADO</span>
		                <span class="esquinaDer"></span>
		                </s:a>			
		            </div>                      
                </div>
            </div>
        </div>
        <div class="contenido_borde_abajo">
            <div class="esquina_izq"></div>
            <div class="esquina_der"></div>
        </div>
    </div>

    <div class="columna_izquierda">
        <div class="pestania">
            <div class="pestania_top"></div>
            <s:a action="Inicio" title="Volver" cssClass="azul"><span class="bigger">VOLVER</span></s:a>
            <div class="pestania_bottom"></div>
        </div>
    </div>
</div>
<script src="../js/jquery.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/livevalidation.js"></script>
<script type="text/javascript">
    var inputNombre = new LiveValidation('inputUsuario');
    inputNombre.add(Validate.Presence, { failureMessage: "Introduzca el usuario" });

    var inputApellidos = new LiveValidation('inputContrasenia');
    inputApellidos.add(Validate.Presence, { failureMessage: "Introduzca la contraseña" });
	
    function continuar(){
    	document.formulario_centrado.action="RegistroUsuarioAnonimo";
    	document.loginAnonym.submit();
    }
  </script>
<!-- CONTENIDO END -->
